import React from "react";
import ItemTodo from '../Item/index'
class ListTodo extends React.Component{

  render(){
    const{todos}=this.props;
   return(
   <ul>
  
 {
  todos.map((todo)=>{
   return <ItemTodo key={todo.id}  {...todo} deleteTodo={this.props.deleteTodo}
   
   changeTodo={this.props.changeTodo} updateTodo={this.props.updateTodo}/>


  }) 


 }

   </ul>



   )


  }



}

export default ListTodo;